@import '@/lib/reset.scss';
a{color:#e11377;}
.login{
  @include rect(100%, 100%);
  overflow: hidden;
  background:#f0f0f0;
  .loginform{
    @include rect(390px, 100%);
    background:#fff;
    border-radius: 8px;
    margin:100px auto;
    // border:1px solid #ccc;
    .logintop{
      @include rect(100%, 50px);
      border-bottom:1px solid #ccc;
      position: relative;
      margin-bottom:20px;
      p{
        float: left;
        width:50%;
        line-height:50px;
        text-align: center;
        a{
          height: 30px;
          line-height: 30px;
          display: inline-block;
          border-bottom:2px solid transparent;
          color:#333;
          &:hover,&.active{
            border-bottom:2px solid #e11377;
            color:#e11377;
          }
        }
      }
      span{
        @include rect(35px,35px);
        border-radius: 50%;
        line-height: 35px;
        text-align: center;
        background: #fff;
        color:#444;
        position: absolute;
        right:-18px;
        top:-18px;
      }
    }
    .loginbottom{
      @include rect(100%,40px);
      @include flexbox();
      @include justify-content();
      @include align-items();
      background: #FCF6F9;
      a{
        color:#e11377;
      }
    }
  }
}

// 短信登录
.ant-input-affix-wrapper{
  width:80%;
  // margin:0 auto;
  margin-left:40px;
  // margin-top:10px;
}
.ant-input{
  width:100%;
  height:40px;
  // margin-left:20px;
}
.ant-btn{
  width:80%;
  margin-left:40px;
}
.ant-form-item label{
  margin-left:40px;
}
// 密码登录
.codeLogin{
  width:50%;
}
.achievecode{
  width:30%;
  // background:#555;
  border:0;
}
.has-error .ant-form-explain{
  margin-left:40px;
}